<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			input{
				width: 60px;
			}
		</style>
	</head>
	<body>
		<h1>IF语句</h1>
		小明的数学成绩：<input type="text" id="input1">
		<button onclick="check()">判断是否及格</button>
		<button onclick="check2()">判断等级</button>
		<br/><br/><br/>
		请输入三个数字：
		<input type="text" id="input2">
		<input type="text" id="input3">
		<input type="text" id="input4"><br/>
		<button onclick="check3()">比较</button>
		<br/><br/><br/>
		<h1>SWITCH语句</h1>
		请输入颜色：<input type="text" id="input5">
		<button onclick="setColor()">切换</button>
		
		
		
		
		
		<script>
			
			// 1. if
			function check(){
				var math = input1.value;
				if(math > 59){
					alert("及格了");
				}else{
					alert("不及格");
				}
			}
			
			// 2.
			function check2(){
				var math = input1.value;
				if(math > 89){
					alert("优秀");
				}else if(math >79){
					alert("良好");
				}else if(math >69){
					alert("普通");
				}else if(math >59){
					alert("及格");
				}else{
					alert("不及格");
				}
			}
			
			// 练习1
			// 1. 创建3个输入框 让用户输入数字
			//    添加个比较按钮
			//    点击按钮，弹出消息 显示最大的数字
			function check3(){
				var num1 = input2.value;
				var num2 = input3.value;
				var num3 = input4.value;
				var max;
				if(num1 > num2){
					max = num1;
				}else{
					max = num2;
				}
				if(max > num3){
					alert("最大的数为：" + max);
				}else{
					alert("最大的数为：" + num3);
				}
			}
			
			function setColor(){
				var c = input5.value;
				switch(c){
					case "red":
						document.body.style.backgroundColor=c;
						alert("红色");
						break;
					case "grenn":
						document.body.style.backgroundColor=c;
						alert("绿色");
						break;
					case "blue":
						document.body.style.backgroundColor=c;
						alert("蓝色");
						break;
					default:
						alert("其他颜色");
						
				}
			}
			
		</script>
		
	</body>
</html>
